//登陆页面css
#login {
    .contents(88%);
    .loginReight();
    .loginWarp {
        .loginReightTitle();
        .btnWarp {
            .allBtn();
            .alse {
                color: @up;
                font-weight: 700;
                font-size: @font14;
                .clearfix();
                .fargetPwd {
                    float: left;
                }
                .downLoad {
                    float: right;
                }
            }
        }
    }
    input {
        border-bottom: 1px solid @line !important;
    }
}

//注册页面
#register {
    overflow-x: hidden;
    .contents(88%);
    .step1 {
        .loginReight();
        .registerWarp {
            .loginReightTitle();
        }
        input {
            border-bottom: 1px solid @up ;
        }
        .formWarp {
            margin-top: 2vw;
            h3 {
                font-weight: 700;
                color: @color1f3f59;
                font-size: @font16;
                .height(6vw);
            }
            .num86 {
                font-weight: 700;
                color: @color1f3f59;
                font-size: @font16;
                position: relative;
                top: 9.5vw;
                left: 0;
                z-index: 99;
            }
            input {
                padding-left: 12vw;
            }
        }
        .btnWarp {
            .allBtn();
            margin-top: 18vw;
        }
    }
    .step2 {
        .return {
            .returnHeader();
            position: initial;
            border: none;
            left: 1vw;
        }
        .loginReightTitle();
        .codeWarp {
            position: relative;
            .enter {
                border-bottom: none;
                letter-spacing: 10.2vw;
                font-size: @font18;
                font-weight: 700;
                color: @color1f3f59;
                padding-left: 8vw;
                width: 120%;
            }
            .warpLine {
                position: absolute;
                width: 100%;
                top: 6vw;
                .line {
                   padding-left: 5vw;
                    span {
                        display: inline-block;
                        height: 1px;
                        background: @colorc5cfd5;
                        width: 11.5%;
                        margin: 0 1.2%;
                    }
                }
                .prompt {
                    background: #FFFFFF;
                    text-align: left;
                    font-size: @font14;
                    color: @color5786d2;
                    padding-left: 5vw;
                    padding-top: 2vw;
                    font-weight: 700;
                    border-bottom: none;
                }
            }
            .btnWarp {
                .allBtn();
                margin-top: 40vw;
            }
        }
    }
    .step3 {
        .return {
            .returnHeader();
            position: initial;
            border: none;
            left: 1vw;
        }
        input {
            border-bottom: 1px solid @line !important;
        }
        .loginReightTitle();
        .btnWarp{
            .allBtn();
        }
        .agree{
            margin-top: 14vw;
            .van-checkbox{
                display: initial;
            }
            .van-checkbox__icon{
                width: 3.6vw;
                border-radius:3px;
                font-size: @font12;
                .height(3.5vw);
                background-color: #e7ebee;
                position: relative;
                left: 0.86vw;
                
            }
            .van-checkbox--checked{
                border-color: @color5786d2;
                background-color: @color5786d2;
                border: none;
            }
            span{
                color: @color8c9fad;
                font-size: @font14;
            }
            .xieyi{
                color: @up;
                font-weight: 700;
            }
        }
        
        //弹出层
        .van-popup--right{
            width: 100%;
            height: 100%;
        }
        .contWarp{
            .contents(88%);
            font-size: @font14;
            line-height: @font18;
        }
    }
}

//忘记密码

#forgetPwd{
    height: 100vh;
    .forgetWarp{
        .contents(88%);
        .loginReightTitle();
        .formWarp{
            margin-top: 5vw;            
            input{
                border-bottom: 1px solid @line;
            }
            .btnWarp{
                .allBtn();
                 margin-top: 18vw; 
            }
        }
    }
    //底部弹框
    .van-popup{
        height: 68vw;
        width: 102%;        
        bottom: 0;
        .mobelTitle{
            .height(12vw);
            border-bottom: 1px solid @line;
            .titleWarp{
                .clearfix();
                .contents(90%);
                .title{
                    float: left;
                    font-size: @font16;
                    font-weight: 700;
                    color: @color1f3f59;
                }
                .close{
                    float: right;
                    font-size: @font14;
                    color: @color5e5e5e;
                }
            }
        }
        .alseWarp{
            .contents(88%);
            input{
                border-bottom: 1px solid @line;
            }
            .phone{
                font-size: @font12;
                color: @color1f3f59;
                font-weight: 700;
                margin-top: 7vw;
                margin-bottom: 2vw;
                
            }
            .codeWarp{
                
                position: relative;
                .prompt{
                    border: none;
                    display: inline;
                    width: auto;
                    background: #fff;
                    position: absolute;
                    right: 0;
                    top: 5px;
                    font-size: @font12;
                    color: @up;
                    font-weight: 700;
                }
            }
            .btnWarp{
                .allBtn();
            }
        }
    }
}
//重新设置密码
#setpwd {
    .setpwdWarp{
        .contents(88%);        
        .loginReightTitle();
        input{border-bottom: 1px solid @line;}
        .btnWarp{
            .allBtn();
            margin-top: 18vw;
        }
    }
}
